{include file="phone/header"}
<body _pgid="33">

<div class="head">

    <div class="head_logo"></div>

    <div class="head_ulnk">
        <a href="/h5/searchrank?fpage=33&fmodule=55" class="but_search"><em></em></a>
    </div>
</div>

<div class="menu">
    <a href="{:url('/mobile')}" class="active">首页</a>
    <a href="javascript:;" >分类</a>
    <a href="javascript:;" >排行</a>
    <a id="gameBtn" href="javascript:;" >游戏</a>
    <a href="javascript:;" >书架</a>
</div>
<!--<div class="olnk"><script type="text/javascript" src="//static.zongheng.com/upload/fpbds/column/161208477713.js"></script></div>-->
<!-- 最近阅读begin -->
<div id="footprint_id"></div>
<!-- 最近阅读end -->

<div class="home-slider">
    <!-- 首页头条begin -->

    <div id="J_focus" class="slide_banner">
        <div class="slider-top-wrap J_slideWrap" id="sliderTop">
            <ul class="slider-top-pic">
                <li data-url="javascript:;">
                    <img src="https://static.zongheng.com/upload/recommend/current/2018/1545304534853.jpg" alt="我要做阎罗" />
                </li>

                <li data-url="javascript:;">
                    <img src="https://static.zongheng.com/upload/recommend/current/2018/1544775084884.jpg" alt="媚尊天下" class="lazy_img"/>
                </li>

                <li data-url="javascript:;">
                    <img src="https://static.zongheng.com/upload/recommend/current/2018/1544775039766.jpg" alt="魔域" class="lazy_img"/>
                </li>

                <li data-url="javascript:;">
                    <img src="https://static.zongheng.com/upload/recommend/current/2018/1544774963863.jpg" alt="在七扇门当差的日子" class="lazy_img"/>
                </li>
            </ul>
        </div>
        <div class="indicator">
            <i></i><i></i><i></i><i></i>
        </div>
    </div>

    <!-- 首页头条end -->

    <div class="flex flex--justify home-fenlei">
        <div class="link-in flex--fluid"><a href="jaascript:;"><em></em><i>免费专区</i></a></div>
        <div class="link-in flex--fluid"><a href="javascript:;"><em></em><i>女频精选</i></a></div>
    </div>
</div>

<!-- 编辑力荐begin -->
<div class="home-card home-top">
    <div class="home-card-title">
        <i class="home-icon-tit home-icon-tit-b"></i>
        <i>编辑力荐</i>
    </div>
    <div class="home-card-con">
        {foreach $list['bianji'] as $a=>$b}
        <div class="home-book-item flex border-b touch-a" data-url="/search/{$b.bookname}.html">
            <div class="book-img-border">
                <img src="{$b.img}" alt="{$b.bookname}" class="img-border"/>
            </div>
            <div class="book-info-sc flex--fluid">
                <h3 class="font-a">{$b.bookname}</h3>
                <div class="desc">{$b.desc}</div>
                {$b.other|raw}
            </div>
        </div>
        {/foreach}
    </div>
</div>
<!-- 编辑力荐end -->

<!-- 专题推荐begin -->

<div class="olnk">
    <a href="javascript:;"><img src="https://static.zongheng.com/upload/recommend/current/2018/1545218806476.jpg"/></a>
</div>

<!-- 专题推荐end -->

<!-- 男生必读begin -->
<div class="home-card home-boy" alt="男生必读">
    <div class="home-card-title title-mb flex">
        <i class="home-icon-tit home-icon-tit-b"></i>
        <i class="flex--fluid">男生必读</i>
    </div>
    <div class="home-card-con flex">
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.boy.bookname.0}.html">
            <img src="{$list.other.boy.img.0}" alt="{$list.other.boy.bookname.0}" class="img-border"/>
            <i class="book-name">{$list.other.boy.bookname.0}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.boy.bookname.1}.html">
            <img src="{$list.other.boy.img.1}" alt="{$list.other.boy.bookname.1}" class="img-border"/>
            <i class="book-name">{$list.other.boy.bookname.1}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.boy.bookname.2}.html">
            <img src="{$list.other.boy.img.2}" alt="{$list.other.boy.bookname.2}" class="img-border"/>
            <i class="book-name">{$list.other.boy.bookname.2}</i>
        </div>
    </div>

    <div class="home-card-con flex">
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.boy.bookname.3}.html">
            <img src="{$list.other.boy.img.3}" alt="{$list.other.boy.bookname.3}" class="img-border"/>
            <i class="book-name">{$list.other.boy.bookname.0}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.boy.bookname.4}.html">
            <img src="{$list.other.boy.img.4}" alt="{$list.other.boy.bookname.4}" class="img-border"/>
            <i class="book-name">{$list.other.boy.bookname.4}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.boy.bookname.5}.html">
            <img src="{$list.other.boy.img.5}" alt="{$list.other.boy.bookname.5}" class="img-border"/>
            <i class="book-name">{$list.other.boy.bookname.5}</i>
        </div>
    </div>
</div>
<!-- 男生必读end -->

<!-- 女生爱看begin -->
<div class="home-card home-girl">
    <div class="home-card-title title-mb flex">
        <i class="home-icon-tit home-icon-tit-b"></i>
        <i class="flex--fluid">女生爱看</i>
    </div>
    <div class="home-card-con flex">

        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.girl.bookname.0}.html">
            <img src="{$list.other.girl.img.0}" alt="{$list.other.girl.bookname.0}" class="img-border"/>
            <i class="book-name">{$list.other.girl.bookname.0}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.girl.bookname.1}.html">
            <img src="{$list.other.girl.img.1}" alt="{$list.other.girl.bookname.1}" class="img-border"/>
            <i class="book-name">{$list.other.girl.bookname.1}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.girl.bookname.2}.html">
            <img src="{$list.other.girl.img.2}" alt="{$list.other.girl.bookname.2}" class="img-border"/>
            <i class="book-name">{$list.other.girl.bookname.2}</i>
        </div>

    </div>
    <div class="home-card-con flex">

        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.girl.bookname.3}.html">
            <img src="{$list.other.girl.img.3}" alt="{$list.other.girl.bookname.3}" class="img-border"/>
            <i class="book-name">{$list.other.girl.bookname.0}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.girl.bookname.4}.html">
            <img src="{$list.other.girl.img.4}" alt="{$list.other.girl.bookname.4}" class="img-border"/>
            <i class="book-name">{$list.other.girl.bookname.4}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.girl.bookname.5}.html">
            <img src="{$list.other.girl.img.5}" alt="{$list.other.girl.bookname.5}" class="img-border"/>
            <i class="book-name">{$list.other.girl.bookname.5}</i>
        </div>

    </div>
</div>
<!-- 女生爱看end -->

<!-- 玄幻仙侠begin -->
<div class="home-card">
    <div class="home-card-title flex">
        <i class="home-icon-tit home-icon-tit-a"></i>
        <i class="flex--fluid">玄幻仙侠</i>
    </div>

    <div class="home-book-item flex border-b touch" data-url="/search/{$list.lanmutuijian.0.bookname}.html">
        <div class="book-img-border">
            <img src="{$list.lanmutuijian.0.img}" alt="{$list.lanmutuijian.0.bookname}" class="img-border"/>
        </div>
        <div class="book-info-sc flex--fluid">
            <h3 class="font-a">{$list.lanmutuijian.0.bookname}</h3>
            <div class="desc"> {$list.lanmutuijian.0.desc}</div>
            {$list.lanmutuijian.0.author|raw}
        </div>
    </div>
    {volist name="list['lanmutuijian'][0]['title']" id="q" key="k"}
    <a class="home-row-line flex touch-a border-b" href="{$k}">
        <span class="flex--fluid">{$q}</span>
        <i class="home-icon-arrow home-row-link"></i>
    </a>
    {/volist}
</div>
<!-- 玄幻仙侠end -->

<!-- 都市娱乐begin -->
<div class="home-card" alt="都市娱乐">
    <div class="home-card-title flex">
        <i class="home-icon-tit home-icon-tit-a"></i>
        <i class="flex--fluid">都市娱乐</i>
    </div>

    <div class="home-book-item flex border-b touch" data-url="/search/{$list.lanmutuijian.1.bookname}.html">
        <div class="book-img-border">
            <img src="{$list.lanmutuijian.1.img}" alt="{$list.lanmutuijian.1.bookname}" class="img-border"/>
        </div>
        <div class="book-info-sc flex--fluid">
            <h3 class="font-a">{$list.lanmutuijian.1.bookname}</h3>
            <div class="desc"> {$list.lanmutuijian.1.desc}</div>
            {$list.lanmutuijian.1.author|raw}
        </div>
    </div>

    {volist name="list['lanmutuijian'][1]['title']" id="q" key="k"}
    <a class="home-row-line flex touch-a border-b" href="{$k}">
        <span class="flex--fluid">{$q}</span>
        <i class="home-icon-arrow home-row-link"></i>
    </a>
    {/volist}

</div>
<!-- 都市娱乐end -->

<!-- 科幻历史begin -->
<div class="home-card" alt="科幻历史">
    <div class="home-card-title flex">
        <i class="home-icon-tit home-icon-tit-a"></i>
        <i class="flex--fluid">科幻历史</i>
    </div>

    <div class="home-book-item flex border-b touch" data-url="/search/{$list.lanmutuijian.2.bookname}.html">
        <div class="book-img-border">
            <img src="{$list.lanmutuijian.2.img}" alt="{$list.lanmutuijian.2.bookname}" class="img-border"/>
        </div>
        <div class="book-info-sc flex--fluid">
            <h3 class="font-a">{$list.lanmutuijian.2.bookname}</h3>
            <div class="desc"> {$list.lanmutuijian.2.desc}</div>
            {$list.lanmutuijian.2.author|raw}
        </div>
    </div>

    {volist name="list['lanmutuijian'][2]['title']" id="q" key="k"}
    <a class="home-row-line flex touch-a border-b" href="{$k}">
        <span class="flex--fluid">{$q}</span>
        <i class="home-icon-arrow home-row-link"></i>
    </a>
    {/volist}

</div>
<!-- 科幻历史end -->

<!-- 热门分类begin -->
<div class="home-card" alt="热门作品">
    <div class="home-card-title flex">
        <i class="home-icon-tit home-icon-tit-a"></i>
        <i class="flex--fluid">热门作品</i>
    </div>

    <div class="home-book-item flex border-b touch" data-url="/search/{$list.lanmutuijian.3.bookname}.html">
        <div class="book-img-border">
            <img src="{$list.lanmutuijian.3.img}" alt="{$list.lanmutuijian.3.bookname}" class="img-border"/>
        </div>
        <div class="book-info-sc flex--fluid">
            <h3 class="font-a">{$list.lanmutuijian.3.bookname}</h3>
            <div class="desc"> {$list.lanmutuijian.3.desc}</div>
            {$list.lanmutuijian.3.author|raw}
        </div>
    </div>

    {volist name="list['lanmutuijian'][3]['title']" id="q" key="k"}
    <a class="home-row-line flex touch-a border-b" href="{$k}">
        <span class="flex--fluid">{$q}</span>
        <i class="home-icon-arrow home-row-link"></i>
    </a>
    {/volist}

</div>
<!-- 热门分类end -->

<!-- 完本经典begin -->
<div class="home-card" alt="完本经典">
    <div class="home-card-title title-mb flex">
        <i class="home-icon-tit home-icon-tit-b "></i>
        <i class="flex--fluid">完本经典</i>
    </div>
    <div class="home-card-con flex">

        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.wanben.bookname.0}.html">
            <img src="{$list.other.wanben.img.0}" alt="{$list.other.wanben.bookname.0}" class="img-border"/>
            <i class="book-name">{$list.other.wanben.bookname.0}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.wanben.bookname.1}.html">
            <img src="{$list.other.wanben.img.1}" alt="{$list.other.wanben.bookname.1}" class="img-border"/>
            <i class="book-name">{$list.other.wanben.bookname.1}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.wanben.bookname.2}.html">
            <img src="{$list.other.wanben.img.2}" alt="{$list.other.wanben.bookname.2}" class="img-border"/>
            <i class="book-name">{$list.other.wanben.bookname.2}</i>
        </div>

    </div>
</div>
<!-- 完本经典end -->

<!-- 新书精选begin -->
<div class="home-card" alt="新书精选">
    <div class="home-card-title title-mb flex">
        <i class="home-icon-tit home-icon-tit-b"></i>
        <i class="flex--fluid">新书精选</i>
    </div>
    <div class="home-card-con flex">

        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.xinshu.bookname.0}.html">
            <img src="{$list.other.xinshu.img.0}" alt="{$list.other.xinshu.bookname.0}" class="img-border"/>
            <i class="book-name">{$list.other.xinshu.bookname.0}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.xinshu.bookname.1}.html">
            <img src="{$list.other.xinshu.img.1}" alt="{$list.other.xinshu.bookname.1}" class="img-border"/>
            <i class="book-name">{$list.other.xinshu.bookname.1}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.xinshu.bookname.2}.html">
            <img src="{$list.other.xinshu.img.2}" alt="{$list.other.xinshu.bookname.2}" class="img-border"/>
            <i class="book-name">{$list.other.xinshu.bookname.2}</i>
        </div>

    </div>
    <div class="home-card-con flex">

        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.xinshu.bookname.3}.html">
            <img src="{$list.other.xinshu.img.3}" alt="{$list.other.xinshu.bookname.3}" class="img-border"/>
            <i class="book-name">{$list.other.xinshu.bookname.3}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.xinshu.bookname.4}.html">
            <img src="{$list.other.xinshu.img.4}" alt="{$list.other.xinshu.bookname.4}" class="img-border"/>
            <i class="book-name">{$list.other.xinshu.bookname.4}</i>
        </div>
        <div class="flex-fluid home-book-box home-book-box-sc touch" data-url="/search/{$list.other.xinshu.bookname.5}.html">
            <img src="{$list.other.xinshu.img.5}" alt="{$list.other.xinshu.bookname.5}" class="img-border"/>
            <i class="book-name">{$list.other.xinshu.bookname.5}</i>
        </div>

    </div>
</div>
<!-- 新书精选end -->


<!-- 网站公告begin -->
<div class="home-card" alt="网站公告">
    <div class="home-card-title home-gonggao flex">
        <i class="home-icon-tit home-icon-gonggao"></i>
        <i class="flex--fluid">网站公告</i>
    </div>

    <!--<a class="home-row-line flex touch-a border-b" href="http://news.zongheng.com/subject/mt/213.html?zong_heng_share_bool=1&page=33&fmodule=317&_st=33_317-1">-->
        <!--<span class="flex&#45;&#45;fluid">9月月票榜新星 一叶青天《帝道独尊》</span>-->
        <!--<i class="home-icon-arrow home-row-link"></i>-->
    <!--</a>-->
</div>


{include file='phone/footer'}
<script>
    $(function () {
        i = $('#J_focus ul li');
        e = $('.indicator i');
        var x = 0;
        window.setInterval(function () {
            return false;
            if (x >= 4) {
                x = 0;
            }
            $(i[x -1]).css({'display': 'inline', 'float': 'left', 'position': 'relative', 'left': -347.2 * x + 'px',
                'transition-duration': '0ms','transform': 'translate(-347.2px, 0px) translateZ(0px)'});
            $(i[x]).css({'display': 'inline', 'float': 'left', 'position': 'relative', 'left': -347.2 * x + 'px',
                'transition-duration': '0ms','transform': 'translate(0px, 0px) translateZ(0px)'});
            $(i[x+1]).css({'display': 'inline', 'float': 'left', 'position': 'relative', 'left': -347.2 * x + 'px',
                'transition-duration': '0ms','transform': 'translate(347.2px, 0px) translateZ(0px)'});



            x += 1;
        }, 3000);
    });
</script>